<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:p="http://primefaces.org/ui">
	
	<div>
		<div class="divPanelGridFiltro" align="center">
			<h:panelGrid id="panelBusquedaHistorialSolicitudes" columns="4">
				<h:outputLabel styleClass="label-general" value="Fecha desde: " />
				<p:calendar id="fechaDesde" pattern="dd/MM/yyyy"
					value="#{historialCotizacionesController.cotizacionBeanForm.fechaInicio}"
					readonlyInput="true" locale="es">
				</p:calendar>
				<h:outputLabel styleClass="label-general" value="Fecha hasta: " />
				<p:calendar id="fechaHasta" pattern="dd/MM/yyyy"
					value="#{historialCotizacionesController.cotizacionBeanForm.fechaFin}"
					readonlyInput="true" locale="es">
				</p:calendar>
				
				<h:outputLabel styleClass="label-general" value="Sucursal:" />
				<p:selectOneMenu id="sucursalHistorial" value="#{historialCotizacionesController.cotizacionBeanForm.idSucursal}" styleClass="select-general">
					<f:selectItem itemLabel="Seleccione" itemValue="-1" />
					<f:selectItems var="sucursal" value="#{historialCotizacionesController.listaSucursales}"
								   itemValue="#{sucursal.codigo}" itemLabel="#{sucursal.nombre}"/>
				</p:selectOneMenu>
				<h:outputLabel styleClass="label-general" value="Estado : " />
				<p:selectOneMenu id="estadoCotizacion" value="#{historialCotizacionesController.cotizacionBeanForm.idEstadoCotizacion}" styleClass="select-general">
					<f:selectItem itemLabel="Seleccione" itemValue="-1" />
					<f:selectItems var="estadoCotizacion" value="#{historialCotizacionesController.listaEstadosCotizacion}"
								   itemValue="#{estadoCotizacion.codigo}" itemLabel="#{estadoCotizacion.nombre}"/>
				</p:selectOneMenu>

			</h:panelGrid>
			<div class="divBotonesFiltro" align="center">
				<p:commandButton value="Buscar" styleClass="butonSmall"
								 action="#{historialCotizacionesController.buscarCotizaciones}" oncomplete="porDefectoPaginador(dtlHistorialCotizacion)"
								 process="@this, :frmCotizacion:tabGeneral:panelBusquedaHistorialSolicitudes" update=":frmCotizacion:tabGeneral:panelResultadosHistorialCotizaciones" />
				<p:spacer width="5" />
				<p:commandButton value="Limpiar" styleClass="butonSmall" global="false"
								 action="#{historialCotizacionesController.limpiarBusqueda}" oncomplete="porDefectoPaginador(dtlHistorialCotizacion)"
								 process="@this" update=":frmCotizacion:tabGeneral:panelResultadosHistorialCotizaciones, :frmCotizacion:tabGeneral:panelBusquedaHistorialSolicitudes" />
				<p:spacer width="5" />
			</div>
		</div>

		<div class="data-table-ventas">
			<p:spacer height="25">
			</p:spacer>
			<div class="data-table-ventas">
				<h:panelGroup layout="block" id="panelResultadosHistorialCotizaciones">
					<p:dataTable var="cotizacion" widgetVar="dtlHistorialCotizacion"
						value="#{historialCotizacionesController.listaCotizaciones}"
						rowKey="#{cotizacion.idCotizacion}"
						emptyMessage=""
						paginator="true" paginatorPosition="top" rows="10"
						paginatorTemplate="{FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
						currentPageReportTemplate="{currentPage} de {totalPages}">

						<p:ajax event="page" global="false" />
						
						<p:column sortBy="#{cotizacion.idCotizacion}" headerText="N&#176; cotizaci&#243;n" style="text-align: center;">
							<h:outputText value="#{cotizacion.idCotizacion}" />
						</p:column>
						
						<p:column sortBy="#{cotizacion.fechaCreacion}" headerText="Fec. cotizaci&#243;n"
							style="text-align: center;">
							<h:outputText value="#{cotizacion.fechaCreacion}">
								<f:convertDateTime pattern="dd/MM/yyyy" />
							</h:outputText>
						</p:column>
						
						<p:column sortBy="#{cotizacion.nombreSucursal}"  headerText="Sucursal de recojo">
							<h:outputText value="#{cotizacion.nombreSucursal}" />
						</p:column>
						
						<p:column sortBy="#{cotizacion.nombreVendedor} #{cotizacion.apellidoVendedor}"  headerText="Vendedor"
							sortFunction="#{ordenarDatatable.ordernar}" >
							<h:outputText value="#{cotizacion.nombreVendedor} #{cotizacion.apellidoVendedor}" />
						</p:column>
						
						<p:column sortBy="#{cotizacion.nombreDepartamento}" headerText="Departamento">
							<h:outputText value="#{cotizacion.nombreDepartamento}" />
						</p:column>
						
						<p:column sortBy="#{cotizacion.nombreProvincia}" headerText="Provincia">
							<h:outputText value="#{cotizacion.nombreProvincia}" />
						</p:column>
						
						<p:column sortBy="#{cotizacion.estado}" headerText="Estado"
							sortFunction="#{ordenarDatatable.ordernar}">
							<h:outputText value="#{cotizacion.estado}" />
						</p:column>
						
						<p:column style="width: 2%;" >
							<f:facet name="header">
								<h:outputText value=" " />
							</f:facet>
							<p:commandLink id="botonComprarRepuesto" global="false"
								action="#{historialCotizacionesController.seleccionarCotizacionHistorial(cotizacion)}"
								oncomplete="wvPopupDetalleCotizacionHistorial.show()"
								update=":frmCotizacion:tabGeneral:panelCotizacionHistorialDetalle"
								process=":frmCotizacion:tabGeneral:panelResultadosHistorialCotizaciones">
								<h:graphicImage library="images" name="detalle.png" styleClass="iconSmall" alt="Ver detalle del repuesto"
												title="Detalle de la cotizaci&#243;n" />
							</p:commandLink>
						</p:column>
						

						<f:facet name="footer">
							<div class="pie-cantidad-resultados">
								<h:outputText value="#{not empty historialCotizacionesController.listaCotizaciones ? 
													   			 (historialCotizacionesController.listaCotizaciones.size() == 1 ? 'Se encontr&#243; 1 cotizaci&#243;n': 
													   																              'Se encontraron '.concat(historialCotizacionesController.listaCotizaciones.size())
													   																                              .concat(' cotizaciones'))
													   			 : 'No se encontraron cotizaciones' }"/>
							</div>
						</f:facet>
					</p:dataTable>
				</h:panelGroup>
			</div>
		</div>
	</div>
	<p:dialog widgetVar="wvPopupDetalleCotizacionHistorial"
			  closable="true" header="Detalle de cotizaci&#243;n"
			  modal="true" resizable="false">
		<div class="divPrincipalPopUp">
			<h:panelGroup id="panelCotizacionHistorialDetalle">
				<div class="divPanelGridFiltro" align="center">
					<p:panelGrid >
						<p:row>
							<p:column>
								<h:outputLabel>Fecha cotizaci&#243;n:</h:outputLabel>
							</p:column>
							<p:column>
								<h:outputText styleClass="texto-general"
									value="#{historialCotizacionesController.cotizacionSeleccionada.fechaCreacion}">
									<f:convertDateTime pattern="dd/MM/yyyy" />
								</h:outputText>
							</p:column>
							<p:column>
								<h:outputLabel>Estado:</h:outputLabel>
							</p:column>
							<p:column>
								<h:outputText styleClass="texto-general"
									value="#{historialCotizacionesController.cotizacionSeleccionada.estado}" />
							</p:column>
							<p:column>
								<h:outputLabel>N&#176; solicitud: </h:outputLabel>
							</p:column>
							<p:column>
								<h:outputText styleClass="texto-general"
									value="#{historialCotizacionesController.cotizacionSeleccionada.idCotizacion}" />
							</p:column>
						</p:row>
						<p:row>
							<p:column><h:outputLabel>Departamento:</h:outputLabel></p:column>
							<p:column><h:outputText styleClass="texto-general" value="#{historialCotizacionesController.cotizacionSeleccionada.nombreDepartamento}" /></p:column>
							<p:column><h:outputLabel>Provincia:</h:outputLabel></p:column>
							<p:column><h:outputText styleClass="texto-general" value="#{historialCotizacionesController.cotizacionSeleccionada.nombreProvincia}" /></p:column>
							<p:column><h:outputLabel>Sucursal: </h:outputLabel></p:column>
							<p:column><h:outputText styleClass="texto-general" value="#{historialCotizacionesController.cotizacionSeleccionada.nombreSucursal}" /></p:column>
						</p:row>
						<p:row>
							<p:column><h:outputLabel>Nombre vendedor: </h:outputLabel></p:column>
							<p:column><h:outputText styleClass="texto-general" value="#{historialCotizacionesController.cotizacionSeleccionada.nombreVendedor}" /></p:column>
							<p:column><h:outputLabel>Apellidos vendedor: </h:outputLabel></p:column>
							<p:column><h:outputText styleClass="texto-general" value="#{historialCotizacionesController.cotizacionSeleccionada.apellidoVendedor}" /></p:column>
							<p:column></p:column>
							<p:column></p:column>
						</p:row>
						<p:row>
							<p:column colspan="1">
								<h:outputLabel styleClass="label-general" value="Observaci&#243;n:" />
							</p:column>
							<p:column colspan="5">
								<p:inputTextarea  readonly="true" style="color: #888; width: 520px; height: 60px;" autoResize="false"
												  value="#{historialCotizacionesController.cotizacionSeleccionada.observacion}"/>
							</p:column>
						</p:row>
					</p:panelGrid>
				</div>

				<p:spacer height="10">
				</p:spacer>
				
				<p:spacer height="25">
				</p:spacer>
				<div style="width: 900px">
					<h:panelGroup id="panelHistorialCotizacionesDetalle">
						<p:dataTable var="elemento" value="#{historialCotizacionesController.listarElementoCotizacionesAdapter}"
									 emptyMessage="No se encontraron promociones de filtro deseado"
									 paginator="true" paginatorPosition="top" rows="10"
									 paginatorTemplate="{FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
									 currentPageReportTemplate="{currentPage} de {totalPages}">

							<p:column headerText="Marca" sortBy="#{elemento.marca}" sortFunction="#{ordenarDatatable.ordernar}">
								<h:outputText value="#{elemento.marca}" />
							</p:column>

							<p:column headerText="Tipo " style="width: 50px;" sortBy="#{elemento.tipoVehiculo}">
								<h:outputText value="#{elemento.tipoVehiculo}" />
							</p:column>

							<p:column headerText="Modelo"  style="width:100px;" sortBy="#{elemento.modelo}">
								<h:outputText value="#{elemento.modelo}" />
							</p:column>

							<p:column headerText="#{etiquetaController.etiquetaChasis}" style="width: 180px;"
									  sortBy="#{elemento.chasis}">
								<h:outputText value="#{elemento.chasis}" />
							</p:column>

							<p:column headerText="#{etiquetaController.etiquetaPlaca}" style="width: 120px;"
									  sortBy="#{elemento.placa}">
								<h:outputText value="#{elemento.placa}" />
							</p:column>

							<p:column headerText="Descripci&#243;n" sortBy="#{elemento.descripcion}"
									  sortFunction="#{ordenarDatatable.ordernar}">
								<h:outputText value="#{elemento.descripcion}" />
							</p:column>

							<p:column headerText="Cant." style="text-align: right; width: 10px;" sortBy="#{elemento.cantidad}">
								<h:outputText value="#{elemento.cantidad}" />
							</p:column>

						</p:dataTable>
					</h:panelGroup>
				</div>

			</h:panelGroup>
		</div>
	</p:dialog>

</ui:composition>